.goods {
    position: relative;

    .header,
    .goods_ul li {
        p {
            line-height: 48px;
            margin-left: 10px;

            &:nth-child(1) {
                margin-left: 0;
            }

            &.p1 {
                width: 40px;
            }

            &.p2 {
                width: 100px;
            }

            &.p3 {
                width: 80px;
            }

            &.p4 {
                width: 160px;
            }

            &.p5,
            &.p6 {
                width: 80px;
            }

            &.p7 {
                flex: 1;
                text-align: center;

                button {
                    box-sizing: border-box;
                    padding: 0 6px;
                    border-radius: 4px;
                    cursor: pointer;
                    user-select: none;
                    -webkit-user-select: none;
                    background-color: #9569e5;
                    color: #fff;
                    margin-left: 8px;

                    &:nth-child(1) {
                        margin-left: 0;
                    }
                }
            }
        }
    }

    .header {
        height: 48px;
        background-color: rgba(150 141 183 / 25%);
        display: flex;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .goods_ul {
        li {
            position: relative;
            display: flex;
            height: 48px;
            box-sizing: border-box;
            padding: 0 10px;

            &::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 1px;
                background-color: #ebeef5;
            }
        }
    }
}
